<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, user-scalable=no">
    <title>找牛网-发布采购</title>
    <link rel="shortcut icon" href="favicon.ico"/>
    <link rel="stylesheet" href="lib/bootstrap/css/bootstrap.css">
    <link rel="stylesheet" href="css/main.css">
    <link rel="stylesheet" href="css/personalInfo.css">

    <link rel="stylesheet" href="lib/datePlugin/common.css" type="text/css"/>
    <!--<link href="css/fileinput.css" media="all" rel="stylesheet" type="text/css" />-->
    <link rel="stylesheet" href="lib/layer_mobile/need/layer.css">

    <link rel="stylesheet" href="css/releaseMessage.css">


    <!--[if lt IE 9]>
    <script src="lib/html5shiv/html5shiv.min.js"></script>
    <script src="lib/respond/respond.min.js"></script>
    <![endif]-->
</head>

<body>
<header class="header-tab">
    <div>
        <a href="index.html">
                <span>
			        <img src="img/order_left.png" alt=""/>
		        </span>
        </a>
        <h5>发布采购</h5>
    </div>
</header>
<section id="information">
    <!-- 所有的选项卡内容 -->
    <div class="tab-content">
        <div role="tabpanel" class="tab-pane  active" id="supply-information">
            <div class="fill-information">
                <!-- 采购消息 -->
                <div class="row">
                    <div class="col-xs-12 zhaoniu-panel-title">
                        <span>采购消息(<span class='red'> * </span>)</span>
                        <div>

                        </div>
                    </div>
                </div>
                <div class="is-show">
                    <div class="row  meat-type">
                        <div class="col-xs-4"><span>产品种类</span></div>
                        <div class="col-xs-8">
                            <label class='aaa'><input checked type="radio" value='0' name='meat-type-input'>牛肉</label>
                            <label><input type="radio" value='1' name='meat-type-input'>羊肉</label>
                            <input type="hidden" class='meat-type-input'>
                        </div>
                    </div>

                    <div class="row" data-toggle="modal" data-target=".supply-meat-category">
                        <div class="col-xs-4"><span>产品类别</span></div>
                        <div class="col-xs-7"><span><input class="meat-category-input" readonly placeholder="请选择产品类别"/></span>
                        </div>
                        <div class="col-xs-1"><span><img src="img/icon_right.png"/></span></div>
                    </div>
                </div>


                <!-- 产品详情 -->

                <div class="row second">
                    <div class="col-xs-12 zhaoniu-panel-title">
                        <span>产品详情(<span class='red'> * </span>)</span>
                        <div class="upDown">

                        </div>
                    </div>
                </div>
                <div class="is-show hidden">
                    <div style='background:#fff;padding: 10px 0;'>
                        <textarea class="content" placeholder="请输入采购详情(最多允许输入500字)"></textarea>
                    </div>
                </div>


                <!-- 产品参数 -->
                <div class="row second">
                    <div class="col-xs-12 zhaoniu-panel-title">
                        <span>产品参数</span>
                        <div class="upDown">

                        </div>
                    </div>
                </div>
                <div class="is-show hidden">
                    <div class="row">
                        <div class="col-xs-4"><span>数量(kg)</span></div>
                        <div class="col-xs-8"><span><input name="meatNumInput" pattern="^[1-9]*$"
                                                           class="limit meat-num-input" type="number"
                                                           placeholder="请输入需求量"/></span></div>
                    </div>
                    <!--<div class="row">
                        <div class="col-xs-4"><span>单位</span></div>
                        <div class="col-xs-8"><span><input class="meat-unit-input" placeholder="kg" readonly="true"/></span></div>
                    </div>-->
                    <div class="row">
                        <div class="col-xs-4"><span>单价( 元 / 吨 )</span></div>
                        <div class="col-xs-8"><span><input name="meatPriceInput" class="limit meat-price-input"
                                                           type='number' placeholder="请输入采购单价"/></span></div>
                    </div>


                    <div class="row" data-toggle="modal" data-target=".supply-place">
                        <div class="col-xs-4"><span>产品产地</span></div>
                        <div class="col-xs-7"><span><input class="supply-place-input" readonly
                                                           placeholder="请选择产品产地"/></span></div>
                        <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                    </div>

                    <div class="row">
                        <div class="col-xs-4"><span>交货地</span></div>
                        <div class="col-xs-7"><span><input class="goods-place-input" placeholder="请输入交货地"/></span></div>
                        <div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>
                    </div>

                    <div class="row">
                        <div class="col-xs-4"><span>保质期</span></div>
                        <!--<div class="col-xs-7"><span><input class="quality-guarantee-period" placeholder="请选择产品保质期" /></span></div>-->
                        <!--<div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>-->
                        <div class="col-xs-8"><span><input readonly id='date1'
                                                           class="quality-guarantee-period laydate-icon"
                                                           placeholder="请选择产品保质期"> </span></div>
                    </div>

                    <div class="row">
                        <div class="col-xs-4"><span>失效期</span></div>
                        <!--<div class="col-xs-7"><span><input  class="failure-period-input" placeholder="请选择消息失效期"/></span></div>-->
                        <!--<div class="col-xs-1"><span><img src="img/icon_right.png"></span></div>-->
                        <div class="col-xs-8"><span><input readonly id='date2' class="failure-period-input laydate-icon"
                                                           placeholder="请选择消息失效期"> </span></div>
                    </div>
                </div>
                <div id="datePlugin"></div>
            </div>

            <!--卖家信息-->
            <div class="seller-information">
                <div class="row">
                    <div class="col-xs-12 zhaoniu-panel-title">卖方信息(<span style='color: red;'> * </span>)</div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>姓名</span></div>
                    <div class="col-xs-8"><span><input type='text' class="name" placeholder="请输入姓名" value="张三"/></span>
                    </div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>手机号</span></div>
                    <div class="col-xs-8"><span><input type="number" class="phone" placeholder="请输入手机号"
                                                       value="18311111111"/></span></div>
                </div>
                <div class="row">
                    <div class="col-xs-4"><span>QQ</span></div>
                    <div class="col-xs-8"><span><input class="QQ" type="number" placeholder="请输入QQ号"/></span></div>
                </div>

                <div class="row">
                    <div class="col-xs-4"><span>微信</span></div>
                    <div class="col-xs-8"><span><input type='text' class="WeChat" placeholder="请输入微信号"/></span></div>
                </div>
            </div>
            <div id='cancle'>
                <button>取消</button>
            </div>
        </div>
    </div>
</section>
<!-- 供应类别 -->
<div class='leibie-box hidden'>
    <div class="leib-l"></div>
    <div class="leib-r">
        <div class="item-leibie">
            <div class='icon-search'>
                <span><img src="img/icon_right.png" alt=""></span>
                <input name='leibie' placeholder='请输入产品类别' class='searchInput' type="text">
                <div class='searchResult hidden'>
                    <ul>
                    </ul>
                    <button>取消</button>
                </div>
            </div>

        </div>
    </div>
</div>
<!-- 供应类别 -->

<!-- 消息产地 -->
<div class="item-chandi hidden item-publish">
    <div class="content1">
        <h4>产地选择</h4>
        <button>取消</button>
    </div>

</div>
<!-- 消息交货地 -->
<div class="item-warehouse hidden item-publish">
    <div class="content1">
        <h4>所在地选择</h4>
        <button>取消</button>
    </div>

</div>


<div id="imgbox">
    <div><i></i>
        <div></div>
    </div>
</div>
<div id='true'>
    <button>发布</button>
</div>
<div class="boxshow" style="display: none;"></div>
<script src="lib/jquery/jquery.js"></script>
<script src="lib/jquery/fastclick.js" type="text/javascript" charset="utf-8"></script>
<script>
    $(function () {
        FastClick.attach(document.body);
    });
</script>
<script src='js/accordion.js'></script>
<!--<script type="text/javascript" src="lib/datePlugin/date.js" ></script>-->
<!--<script type="text/javascript" src="lib/datePlugin/iscroll.js" ></script>-->
<script src="lib/bootstrap/js/bootstrap.js"></script>
<script src="lib/layer_mobile/layer.js"></script>
<script src="js/laymes.js"></script>
<script src="js/main.js"></script>
<script src="js/count.js" type="text/javascript" charset="utf-8"></script>
<script src="js/cookie.js" type="text/javascript" charset="utf-8"></script>
<script src='lib/laydate/laydate.js'></script>
<link rel="stylesheet" href="css/data.css">

<script type="text/javascript">
    !function () {
        laydate.skin('molv');//切换皮肤，请查看skins下面皮肤库
        laydate({
            elem: '#date1',
            min: laydate.now()
        });//绑定元素
        laydate({
            elem: '#date2',
            min: laydate.now(),
            max: laydate.now(+5),
            void: function () {
            $('.laydate-void').on('click', function () {
                lay.msg('有效时间最多为7天')
            })
        }});//绑定元素
    }();

</script>

<script src="lib/jroll/jroll.js"></script>
<script src='lib/jroll/jroll-fixedinput.1.0.2.js'></script>
<script src="js/releasePurchasingMessage.js"></script>


</body>

</html>